$(function() {
    // 1.获取新闻id
    const id = location.search.split('=')[1]

    // 定义时间日期过滤器
    template.defaults.imports.formatDate = function(value) {
        // 超过10个字符使用...代替
        return moment(value).format('YYYY-MM-DD HH:mm:ss')
    }
    $('.article.comment').hide()

    // 2.根据新闻id查询出该条新闻的数据
    axios({
        method: 'get',
        url: `api/articles/${id}`
    }).then(articles => {
        const articleHtml = template('articleTpl', {
            article: articles[0]
        })
        $('.article.section').html(articleHtml)
            // 让评论区域显示
        $('.article.comment').show()
    })

    // 3.根据新闻id查询出该新闻的所有评论
    axios({
        method: 'get',
        url: `api/comments/${id}`
    }).then(result => {
        if (result && (result instanceof Array)) {
            const commentHtml = template('commentTpl', {
                comments: result
            })
            $('#comment ul').html(commentHtml)
        }
    })

    // 4.每访问一次，访问量+1
    axios({
        method: 'put',
        url: `api/articles/updateView/${id}`
    })


})